<template>
	<view class="comp-search-empty" :style="containerStyle">
		<image class="image" src="/static/search-empty.png"/>
		<view>{{emptyWord}}</view>
	</view>
</template>
<script>
import {transStyleObject} from 'utils/helper/style'
import {isObject} from 'utils/helper/validator'
export default {
  name: 'search-empty',
	props:{
		emptyWord:{
			type: String,
			default: '没有相关内容~'
    },
    styles: { // 样式
      type: Object,
      default: () => ({})
    }
  },
  
  computed: {
    containerStyle() {
      let styles = isObject(this.styles) ? this.styles : {}

      let style = transStyleObject(styles)

      return style
    }
  }
}
</script>
<style lang="less">
.comp-search-empty {
  .flex-normal-center;
  .flex-column;
  
	flex-direction: column;
	color: @font_light_color;
  font-size: 24rpx;
  
	.image{
		width:184rpx;
		height: 184rpx;
		margin-bottom: 20rpx;
	}
}
</style>


